@charset "utf-8";

/* header */
#wrap {width:100%;background:url(../images/top_bg.jpg) repeat-x top;font-family:Dotum;}
#wrap .header {width:980px;height:82px;margin:0 auto;}
#wrap .header > .logo {padding-top:5px;float:left;}
#wrap .header > .top_menu {float:right;}
#wrap .header > .top_menu > ul {background:url(../images/top_menubg.jpg) no-repeat;width:124px;height:79px;}
#wrap .header > .top_menu > ul > li {text-align:center;height:26px;padding-top:1px;}
#wrap .header > .top_menu > ul > li > a {font-family:Dotum;font-size:11px;color:#898888;font-weight:bold;line-height:26px;}

/* main */
#wrap .main_visual {width:100%;background:url(../images/main_visual_bg.jpg) center top;}
#wrap .main_visual > .visual {width:980px;height:343px;margin:0 auto;}

#wrap .main {width:980px;margin:0 auto;overflow:hidden;}

#wrap .main > .main_content1 {width:978px;border:1px solid #d2d6d9;border-top:0;overflow:hidden;}

#wrap .main > .main_content1 > .main_left {float:left;width:709px;border-right:1px solid #d2d6d9;position:relative;height:345px;}
#wrap .main > .main_content1 > .main_left > .menu {position:absolute;top:0px;left:0px;z-index:1;}
#wrap .main > .main_content1 > .main_left > .menu > ul {width:152px;background:#318ed6;}
#wrap .main > .main_content1 > .main_left > .menu > ul > li > a {display:block;text-align:center;width:152px;height:42px;line-height:42px;font-family:Dotum;font-size:14px;color:#a5cfef;font-weight:bold;text-decoration:none;}
#wrap .main > .main_content1 > .main_left > .menu > ul > li > a.menu_on {background:url(../images/menu_on.png) no-repeat;color:#fff;width:160px;}
#wrap .main > .main_content1 > .main_left > .board {position:absolute;top:0px;left:152px;background:url(../images/main_board_bg.jpg);width:557px;height:100%;overflow:hidden;}
#wrap .main > .main_content1 > .main_left > .board > div {padding-left:30px;padding-top:25px;}
#wrap .main > .main_content1 > .main_left > .board > div > table {font-size:12px;color:#7a7a7a;text-align:center;}
#wrap .main > .main_content1 > .main_left > .board > div > table > tbody > tr > td > a {color:#7a7a7a;}
td.page a {padding:0 5px;text-align:center;color:#666668;font-size:12px;}
td.page a.page_on {color:#3f95ae;font-weight:bold;}

#wrap .main > .main_content1 > .main_right {float:right;width:268px;}
#wrap .main > .main_content1 > .main_right > .right {width:268px;border-bottom:1px solid #e1e5e8;}
#wrap .main > .main_content1 > .main_right > .right > .main_search {width:268px;height:65px;background:url(../images/main_search_bg.jpg) no-repeat 20px 14px;}
#wrap .main > .main_content1 > .main_right > .right > .main_search > .input > input {margin:17px 3px 0 23px;padding:7px 0 7px 28px;width:150px;height:18px;float:left;border:0;background:transparent;}
#wrap .main > .main_content1 > .main_right > .right > .main_search > .btn {padding-top:17px;float:left;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 {width:229px;margin:0 auto;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .tit {height:21px;border-bottom:1px solid #d1d1d1;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .tit > div {float:left;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .tit > div.more {float:right;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .tit > div.more a {float:right;font-family:Dotum;font-size:12px;color:#444444;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .content {height:77px;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .content > ul {padding-top:12px;}
#wrap .main > .main_content1 > .main_right > .right > .main_t1 > .content > ul > li > a {font-family:Dotum;font-size:12px;color:#444444;line-height:18px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .btn {padding-top:10px;height:26px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .btn > .left {float:left;padding-left:10px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .btn > .left > ul > li {float:left;padding-right:1px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .btn > .right {float:right;padding-top:3px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .btn > .right > ul > li {float:left;padding-right:7px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .img {background:#e2e2e2;width:261px;height:129px;margin:0 auto;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .img > .btn1 {float:left;padding-top:56px;padding-left:2px;width:13px;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .img > .img {float:left;padding-top:4px;width:231px;height:121px;overflow:hidden;}
#wrap .main > .main_content1 > .main_right > .main_gallery > .img > .btn2 {float:left;padding-top:56px;padding-left:4px;width:11px;}

#wrap .main > .main_content2 {width:980px;font-size:12px;color:#7a7a7a;line-height:20px;}
#wrap .main > .main_content2 > .content1 {width:326px;border-right:1px solid #d2d6d9;float:left;}
#wrap .main > .main_content2 > .content1 > .title {width:326px;height:53px;border-bottom:2px solid #696969;}
#wrap .main > .main_content2 > .content1 > .title > .tit {float:left;padding:18px 0 0 15px;}
#wrap .main > .main_content2 > .content1 > .title > .more {float:right;padding:19px 15px 0 0;}
#wrap .main > .main_content2 > .content1 > .content {width:296px;height:132px;padding-top:12px;margin:0 auto;}
#wrap .main > .main_content2 > .content1 > .content > ul {height:20px;}
#wrap .main > .main_content2 > .content1 > .content > ul > li.left {float:left;background:url(../images/main_board_icon.jpg) no-repeat 0px 8px;padding-left:10px;}
#wrap .main > .main_content2 > .content1 > .content > ul > li.left > a {color:#7a7a7a;}
#wrap .main > .main_content2 > .content1 > .content > ul > li.right {float:right;}
#wrap .main > .main_content2 > .content2 {width:326px;float:left;}
#wrap .main > .main_content2 > .content2 > .title {width:326px;height:53px;border-bottom:2px solid #696969;}
#wrap .main > .main_content2 > .content2 > .title > .tit {float:left;padding:18px 0 0 15px;}
#wrap .main > .main_content2 > .content2 > .title > .more {float:right;padding:19px 15px 0 0;}
#wrap .main > .main_content2 > .content2 > .content {width:296px;height:132px;padding-top:12px;margin:0 auto;}
#wrap .main > .main_content2 > .content2 > .content > ul {height:20px;}
#wrap .main > .main_content2 > .content2 > .content > ul > li.left {float:left;background:url(../images/main_board_icon.jpg) no-repeat 0px 8px;padding-left:10px;}
#wrap .main > .main_content2 > .content2 > .content > ul > li.left > a {color:#7a7a7a;}
#wrap .main > .main_content2 > .content2 > .content > ul > li.right {float:right;}

/* foot */
#wrap .foot {background:url(../images/foot_bg.jpg);width:100%;height:133px;}
#wrap .foot > .foot_menu {width:980px;height:39px;margin:0 auto;}
#wrap .foot > .foot_menu > ul > li {float:left;padding-top:12px;padding-left:59px;}
#wrap .foot > .foot_copy {width:980px;height:94px;margin:0 auto;}
#wrap .foot > .foot_copy > .logo {float:left;padding-top:12px;width:122px;}
#wrap .foot > .foot_copy > .copy {float:left;padding-top:32px;font-size:11px;color:#a4a4a4;font-weight:bold;line-height:18px;}
#wrap .foot > .foot_copy > .copy > a {color:#a4a4a4;}

/* sub */
#wrap .sub_visual {width:100%;background:url(../images/sub_visual_bg.jpg) center top;}
#wrap .sub_visual > .visual {width:980px;height:230px;margin:0 auto;}

#wrap .sub {width:978px;margin:0 auto;border:1px solid #c9c9c9;border-top:0;border-bottom:0;overflow:hidden;}
#wrap .sub > .sub_left {width:200px;float:left;}
#wrap .sub > .sub_left > .left_tit {width:200px;border-top:6px solid #4a7ed5;border-bottom:1px solid #c9c9c9;padding-top:31px;height:53px;text-align:center;}
#wrap .sub > .sub_left > ul > li {border-bottom:1px solid #c9c9c9;}
#wrap .sub > .sub_left > ul > li > a {display:block;height:39px;line-height:39px;padding-left:30px;background:url(../images/sub_menu_off.jpg) no-repeat;font-size:13px;color:#999999;font-family:NanumGothic;text-decoration:none;font-weight:bold;}
#wrap .sub > .sub_left > ul > li > a.menu_on {background:url(../images/sub_menu_on.jpg) no-repeat;color:#434343;}

#wrap .sub > .sub_content {width:718px;float:left;border-left:1px solid #d2d6d9;padding-left:30px;padding-right:29px;}
#wrap .sub > .sub_content > .title {width:718px;padding-top:30px;height:62px;}
#wrap .sub > .sub_content > .title > .tit {float:left;}
#wrap .sub > .sub_content > .title > .home {float:right;font-size:12px;color:#888888;font-weight:bold;}
#wrap .sub > .sub_content > .content {width:718px;overflow:hidden;padding-bottom:40px;}

/* notice_list */
#wrap .sub > .sub_content > .content > table.notice_list {font-size:12px;color:#666666;text-align:center;}
#wrap .sub > .sub_content > .content > table.notice_list > tbody > tr > td.list {padding-left:40px;text-align:left;}
#wrap .sub > .sub_content > .content > table.notice_list > tbody > tr > td.list2 {padding-left:40px;text-align:left;background:url(../images/notice_icon.jpg) no-repeat 0px 7px;}
#wrap .sub > .sub_content > .content > table.notice_list > tbody > tr > td > a {color:#666666;}
td.sub_page a {padding:0 5px;text-align:center;color:#707070;font-size:12px;}
td.sub_page a.sub_page_on {color:#4a7ed5;font-weight:bold;}
#wrap .sub > .sub_content > .content > table > tbody > tr > td.sub_search {border:1px solid #d6d6d6;background:#e7e7e7;width:716px;height:59px;}
#wrap .sub > .sub_content > .content > table > tbody > tr > td.sub_search > table > tbody > tr > td > select {border:0;width:64px;height:22px;}
#wrap .sub > .sub_content > .content > table > tbody > tr > td.sub_search > table > tbody > tr > td > input {border:0;width:115px;height:22px;}

/* notice_view */
#wrap .sub > .sub_content > .content > table.notice_view {font-size:12px;color:#666666;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.t1 {padding-left:25px;font-weight:bold;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.t2 {padding-left:25px;font-weight:bold;background:url(../images/icon_up.jpg) no-repeat 75px 13px;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.t3 {padding-left:25px;font-weight:bold;background:url(../images/icon_down.jpg) no-repeat 75px 13px;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.c1 {padding-left:20px;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.c2 {padding:30px 20px;line-height:18px;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.c3 {padding-left:20px;}
#wrap .sub > .sub_content > .content > table.notice_view > tbody > tr > td.c3 > a {color:#666666;}

/* notice_write */
#wrap .sub > .sub_content > .content > table.notice_write {font-size:12px;color:#666666;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.t1 {padding-left:25px;font-weight:bold;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c1 {padding-left:10px;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c1 > input {border:1px solid #dddddd;width:578px;height:24px;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c2 {padding-left:10px;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c2 > input {border:1px solid #dddddd;width:158px;height:24px;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c3 {padding-left:10px;}
#wrap .sub > .sub_content > .content > table.notice_write > tbody > tr > td.c3 > input {border:1px solid #dddddd;width:230px;height:24px;}

/* login */
#wrap .sub > .sub_content > .content > .login {margin-top:40px;background:url(../images/login_bg.jpg) no-repeat;width:470px;height:250px;margin:0 auto;}
#wrap .sub > .sub_content > .content > .login > .login_txt {padding:35px 0 0 41px;}
#wrap .sub > .sub_content > .content > .login > .id_pw {padding:43px 0 0 137px;}
#wrap .sub > .sub_content > .content > .login > .id_pw > ul {float:left;}
#wrap .sub > .sub_content > .content > .login > .id_pw > ul > li.id > input {border:1px solid #cac5bf;width:180px;height:18px;}
#wrap .sub > .sub_content > .content > .login > .id_pw > ul > li.pw {padding-top:2px;}
#wrap .sub > .sub_content > .content > .login > .id_pw > ul > li.pw > input {border:1px solid #cac5bf;width:180px;height:18px;}
#wrap .sub > .sub_content > .content > .login > .id_pw > .login_btn {float:left;padding-left:14px;}
#wrap .sub > .sub_content > .content > .login > .btn {padding:26px 0 0 269px;clear:both;}
#wrap .sub > .sub_content > .content > .login > .btn > ul > li {padding-bottom:5px;}

/* mypage */
#wrap .sub > .sub_content > .content > .bg_top {height:3px;background:url(../images/my_bg1.jpg) no-repeat;}
#wrap .sub > .sub_content > .content > .bg_bottom {height:3px;background:url(../images/my_bg2.jpg) no-repeat;}
#wrap .sub > .sub_content > .content > .mypage {border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
#wrap .sub > .sub_content > .content > .mypage > table {padding:20px 0;font-size:12px;color:#666666;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.t1 {padding-left:25px;font-weight:bold;color:#4b4b4b;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c1 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c1 > input {border:1px solid #eae9e9;width:148px;height:18px;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c1 > font {line-height:18px;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c2 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c3 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .mypage > table > tbody > tr > td.c3 > input {border:1px solid #eae9e9;width:56px;height:16px;margin:2px 0;}
#wrap .sub > .sub_content > .content > .btn {margin:0 auto;padding-top:10px;width:186px;}

/* join1 */
#wrap .sub > .sub_content > .content > .join1 {border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
#wrap .sub > .sub_content > .content > .join1 > table {padding:20px 0;font-size:12px;color:#aaaaaa;}
#wrap .sub > .sub_content > .content > .join1 > table > tbody > tr > td.textarea > textarea {border:0;width:100%;height:210px;font-size:12px;color:#aaaaaa;}

/* join2 */
#wrap .sub > .sub_content > .content > .join2 {border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
#wrap .sub > .sub_content > .content > .join2 > table {padding:20px 0;font-size:12px;color:#666666;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.t1 {padding-left:25px;font-weight:bold;color:#4b4b4b;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c1 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c1 > input {border:1px solid #eae9e9;width:148px;height:18px;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c1 > font {line-height:18px;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c2 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c3 {padding-left:10px;}
#wrap .sub > .sub_content > .content > .join2 > table > tbody > tr > td.c3 > input {border:1px solid #eae9e9;width:56px;height:16px;margin:2px 0;}

/* join3 */
#wrap .sub > .sub_content > .content > .join3 {border-left:1px solid #dddddd;border-right:1px solid #dddddd;}
#wrap .sub > .sub_content > .content > .join3 > table {padding:20px 0;font-size:12px;color:#666666;}
#wrap .sub > .sub_content > .content > .join3 > table > tbody > tr > td.t1 {padding-left:35px;font-weight:bold;color:#4b4b4b;background:url(../images/join_icon.jpg) no-repeat 24px 12px #fafafa;}
#wrap .sub > .sub_content > .content > .join3 > table > tbody > tr > td.c1 {padding-left:10px;}